<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<jsp:include page="../head.jsp">
	<jsp:param value="学员订单管理" name="title" />
</jsp:include>
<script type="text/javascript">
	//jquery实现点击不同按钮出现不同界面，切记将jQuery和js 混用
	$(function(){
		
		$(".nav.nav-tabs li").click(function(){
			$(".nav.nav-tabs li").removeClass("active");
			$(this).addClass("active");
			$(".tab-pane.active").css('display','none');
			$(("#")+$(this).attr("id")+"1").css('display','block');
		});
		
		var acc = "${accessory}"; 
		if(acc){
			$(".addMoney").css('display','block');
		}
	});
	
</script>
</head>
<body>
	<div class="container">
		<div class="row">
			<div id="content" class="col-lg-12">
				<div class = "dao">		
					<a class="section" href = "manager">学员管理</a>
					<i class="right chevron icon divider"></i>
					<span class="active section">收款管理</span>							
				</div>
				<div class="row" >
							<!-- NEW ORDERS -->
							<div class="col-md-12">
								<div class="box border blue">
									<div class="box-title">
										<h4><i class="fa fa-columns"></i> <span class="hidden-inline-mobile">学员交易表</span></h4>
									</div>
								<div class="box-body ">
								<div class="tabbable header-tabs">
									<ul class="nav nav-tabs">
									 <li id="unfeed"><a  data-toggle="tab"><i class="fa fa-rss"></i> <span class="hidden-inline-mobile">交款完成</span></a></li>
									 <li id="sales"><a  data-toggle="tab"><i class="fa fa-bookmark"></i> <span class="hidden-inline-mobile">交款中</span></a></li>
									 <li class="active" id="feed"><a  data-toggle="tab"><i class="fa fa-rss"></i> <span class="hidden-inline-mobile">未签约</span></a></li>
									</ul>
									<div class="tab-content" >
									   <div class="tab-pane active" id="sales1" style = "display:none">
										  <div class="panel panel-default">
											  <div class="panel-body orders no-opaque">
												<div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 450px;"><div class="scroller" data-height="450px" data-always-visible="1" data-rail-visible="1" style="overflow: hidden; width: auto; height: 450px;">
													<div class="col-md-12">
														<!-- BOX -->
														<div class="box border blue">
															<div class="box-body center">
															<table id="datatable2" cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered table-hover">
																<thead >
																	<tr style = "text-align: center">
																		<th style="width: 200px">姓名</th>
																		<th style="width: 300px">状态</th>
																		<th>签约凭证</th>
																		<th>操作</th>
																	</tr>
																	
																</thead>
																<tbody>
																	<c:forEach items="${orderList2 }" var="order">
																		<tr>
																			<td><a href="custom/details?id=${order.orderId }"><i></i>${order.orderCustName }</a></td>
																			<td>${order.customStatus}</td>
																			<td> <a href= "${accessory}" target = "_blank">${accessory}</a></td>
																			<td style="color: black"><a
																				href="student/form?sid=${order.orderId }">新增交易记录</a>
																				&nbsp; <a class="button" 
																				href="student/records?sid=${order.orderId }">查看交易记录</a></td>
																		</tr>
																	</c:forEach>
																	<c:if test="${empty orderList2}">
																		<tr>
																			<td style="text-align: center;" colspan="3">暂无记录</td>
																		</tr>
																	</c:if>
																</tbody>
															</table>
															<c:if test="${totalPage2 > 1 }">
																<div class="page">
																	<a
																		<c:if test="${page!=1}">href="student?page=1${queryString}"</c:if>
																		class="${page == 1?'disable':''}">首页</a> <a
																		<c:if test="${page!=1}">href="student?page=${page-1}${queryString}"</c:if>
																		class="${page == 1?'disable':''}">上一页</a> <a
																		<c:if test="${page!=totalPage2}">href="student?page=${page+1 }${queryString}"</c:if>
																		class="${page == totalPage2?'disable':''}">下一页</a> <a
																		<c:if test="${page!=totalPage2}">href="student?page=${totalPage1 }${queryString}"</c:if>
																		class="${page == totalPage2?'disable':''}">最后一页</a> 
																		<span style = "float:right">${page}/${ totalPage2} </span>
																</div>
															</c:if>
															</div>
														</div>
													</div>
												</div>	
												</div>
												</div>
												</div>	
												</div>
												</div>
											<div class="tab-content">
										   <div class="tab-pane active"  id="feed1" style = "display:block">
											  <div class="panel panel-default">
												  <div class="panel-body orders no-opaque">
												  <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 450px;"><div class="scroller" data-height="450px" data-always-visible="1" data-rail-visible="1" style="overflow: hidden; width: auto; height: 450px;">
													  <div class="col-md-12">
														<!-- BOX -->
														<div class="box border blue">
															<div class="box-body center">
															<table id="datatable2" cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered table-hover">
																<thead >
																	<tr style = "text-align: center">
																		<th>姓名</th>
																		<th>状态</th>
																		<th style = "width:400px">签约凭证</th>
																		<th>交易操作</th>
																	</tr>
																	
																</thead>
																<tbody>
																	<c:forEach items="${orderList }" var="order">
																		<tr>
																			<td><a href="custom/details?id=${order.orderId }"><i></i>${order.orderCustName }</a></td>
																			<td>${order.customStatus}</td>
																			<td><a href= "${accessory}" target = "_blank">${accessory}</a> </td>
																		
																		<td>
																			<span><a href="uploadSign?upid=${order.orderId}"><i></i> 上传凭证</a></span>
																			<span class = "addMoney"  style = "display:none;"><a  href="student/form?sid=${order.orderId }"><i></i>新增交易记录</a></span>
																		</td>
																		
																		</tr>
																		</c:forEach>
																		<c:if test="${empty orderList}">
																			<tr>
																				<td style="text-align: center;" colspan="3">暂无记录</td>
																			</tr>
																		</c:if>
																	</tbody>
															</table>
															<c:if test="${totalPage > 1 }">
																<div class="page">
																	<a
																		<c:if test="${page!=1}">href="student?page=1${queryString}"</c:if>
																		class="${page == 1?'disable':''}">首页</a> <a
																		<c:if test="${page!=1}">href="student?page=${page-1}${queryString}"</c:if>
																		class="${page == 1?'disable':''}">上一页</a> <a
																		<c:if test="${page!=totalPage}">href="student?page=${page+1 }${queryString}"</c:if>
																		class="${page == totalPage?'disable':''}">下一页</a> <a
																		<c:if test="${page!=totalPage}">href="student?page=${totalPage }${queryString}"</c:if>
																		class="${page == totalPage?'disable':''}">最后一页</a> 
																		<span style = "float:right">${page}/${ totalPage1} </span>
																</div>
											
															</c:if>
															</div>
														</div>
													</div>
												</div>
										  </div>
									   </div>
									</div>
								</div>
							</div>
							<!-- /NEW ORDERS -->
							<div class="tab-content" >
						   <div class="tab-pane active" id="unfeed1">
							  <div class="panel panel-default">
								  <div class="panel-body orders no-opaque">
										  <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 450px;"><div class="scroller" data-height="450px" data-always-visible="1" data-rail-visible="1" style="overflow: hidden; width: auto; height: 450px;">
											  <div class="col-md-12">
												<!-- BOX -->
												<div class="box border blue">
													<div class="box-body center">
													<table id="datatable2" cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered table-hover">
														<thead >
															<tr style = "text-align: center">
																<th style="width: 200px">姓名</th>
																<th style="width: 300px">状态</th>
																<th>签约凭证</th>
																<th>交易操作</th>
															</tr>
															
														</thead>
														<tbody>
															<c:forEach items="${orderList3 }" var="order">
																<tr>
																	<td><a href="custom/details?id=${order.orderId }"><i></i>${order.orderCustName }</a></td>
																	<td>${order.customStatus}</td>
																	<td><a href= "${accessory}" target = "_blank">${accessory}</a></td>
																	<td style=" color: black"><a
																		href="student/records?sid=${order.orderId }">查看交易记录</a></td>
																</tr>
															</c:forEach>
															<c:if test="${empty orderList3}">
																<tr>
																	<td style="text-align: center;" colspan="3">暂无记录</td>
																</tr>
															</c:if>
														</tbody>
													</table>
													<c:if test="${totalPage3 > 1 }">
														<div class="page">
															<a
																<c:if test="${page!=1}">href="student?page=1${queryString}"</c:if>
																class="${page == 1?'disable':''}">首页</a> <a
																<c:if test="${page!=1}">href="student?page=${page-1}${queryString}"</c:if>
																class="${page == 1?'disable':''}">上一页</a> <a
																<c:if test="${page!=totalPage3}">href="student?page=${page+1 }${queryString}"</c:if>
																class="${page == totalPage3?'disable':''}">下一页</a> <a
																<c:if test="${page!=totalPage3}">href="student?page=${totalPage }${queryString}"</c:if>
																class="${page == totalPage?'disable':''}">最后一页</a> 
																<span style = "float:right">${page}/${ totalPage3} </span>
														</div>
									
													</c:if>
													</div>
												</div>
											</div>
										</div>
									   </div>
									   </div>
									</div>
								</div>
							</div>
							</div>
						</div>
					</div>
					</div>
					</div>
				</div>
			</div>
		</div>
</body>
</html>